import React from 'react';
import {Button} from './components/index';

function App() {
  return (
    <div className="App">
      <Button size="small">小号</Button>
      {'<Button size="small">小号</Button>'}
      <Button >默认</Button>
      {'<Button >默认</Button>'}
      <Button size={"big"}>大号</Button>
      {'<Button size={"big"}>大号</Button>'}
      <Button round >圆角</Button>
      {'<Button round >圆角</Button>'}
      <Button icon={"good"}>带图标</Button>
      {'<Button icon={"good"}>带图标</Button>'}
      <Button color={"#333"}>自定义颜色</Button>
      {'<Button color={"#333"}>自定义颜色</Button>'}
      <Button color={"warn"}>警告</Button>
      {'<Button color={"warn"}>警告</Button>'}
      <Button color={"danger"}>危险</Button>
      {'<Button color={"danger"}>危险</Button>'}
      <Button loading>加载中</Button>
      {'<Button loading>加载中</Button>'}
      <Button icon={"search"} iconPosition={"right"}>图标在右边</Button>
      {'<Button icon={"search"} icon-position={"right"}>图标在右边</Button>'}
      <Button className={"color-black"}>自定义class</Button>
      {'<Button className={"color-black"}>自定义class</Button>'}
      <Button onClick={test}>点击测试</Button>
      {'<Button onClick={test}>点击测试</Button>'}
      <Button onMouseMove={()=>{
        // alert('mousemove')
      }}>监听mouseMove事件</Button>
      {`<Button onMouseMove={()=>{
        alert('mousemove')
      }}>监听mouseMove事件</Button>`}
      <Button disabled>禁用</Button>
      {`<Button disabled>禁用</Button>`}
    </div>
  );
}

function test() {
  alert('click')
}

export default App;
